import React from 'react';
import InvoiceViewer from '../../InvoiceViewer';
import mockData from './mockData';
import './invoiceViewer.css';
import '../../style/index.less';
export default {
    title: 'maycur/invoice-viewer',
    component: InvoiceViewer,
    parameters: {
        // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout

    },
};
function defineTools(icons) {
    let lastIcons = [];
    lastIcons = icons.filter(icon => {
        return icon.name !== 'close';
    })
    return { lastIcons };
}
const Template = (args) => {
    return (
        <div style={{ height: 700, width: 800, border: '1px solid #ddd', marginTop: 100, }}>
            <InvoiceViewer {...args} invoices={mockData} defineTools={defineTools} />
        </div>
    )
};
export const Normal = Template.bind({});
// More on args: https://storybook.js.org/docs/react/writing-stories/args
Normal.args = {

    invoicesExtInfo: [{ invoiceDataCode: 'INV2208251ILWEQ68', loading: true }],
    theme: 'dark',
};
Normal.storyName = "测试";